<html>
<head>
    {% include 'common/top.html' %}
    <script>
    </script>
    <style type="text/css">
        h3 {
        color:#1BA2E1
        }
    </style>
</head>
<body style="background:#D6D6D6">
{% include 'common/header.html' %}
<div style="margin:30px 100px;">
    <div class="col-md-12" style="margin-top:25px;margin-bottom:25px;background:white">
        <div style="margin:30px 100px;">
            <div>
                <h3>科室介绍</h3>
                <div class="col-md-12" style="margin-bottom:20px;">
                    <p>{{department.description}}</p>
                </div>
            </div>
            <h3>医生简介</h3>
            <div class="col-md-12" style="margin-bottom:20px;">
                {% for doctor in doctors %}
                <div class="col-md-2">
                    <div class="col-md-12">
                        <a href={{doctor.url}}><img width="100%" src={{doctor.logo}}></a>
                    </div>
                    <div class="col-md-12">
                        <p style="text-align:center">{{doctor.name}}</p>
                    </div>
                </div>
                {% endfor %}
            </div>
            <h3>科室风采</h3>
            <div id="news" class="carousel slide">
                <!-- 轮播（Carousel）项目 -->
                <div class="carousel-inner">
                    {% for pic in department.pic %}
                    {% if loop.index == 1 %}
                    <div class="item active ">
                        {% else %}
                        <div class="item">
                            {% endif %}
                            <img style="width:100%" src={{pic}}>
                        </div>
                        {% endfor %}
                    </div>
                    <!--轮播（Carousel）导航 -->
                    <a class="carousel-control left" href="#news"
                       data-slide="prev">
                    </a>
                    <a class="carousel-control right" href="#news"
                       data-slide="next">
                    </a>
                </div>
            </div>
        </div>
    </div>
    {% include 'common/foot.html' %}
</body>

